<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>10_盒子模型-内容区-content-min-height和height能不能一起出现</title>
    
        <style>
            div {
                width: 666px;

                height: 200px;
                min-height: 100px;
                /* max-height: 200px; */
                background-color: aquamarine;
            }
        </style>
    </head>
    <body>
        <div>
            还有40分钟就可以睡觉了
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus modi facilis ab repudiandae. Vero eos dolorum quibusdam rem similique voluptatum expedita quos perferendis perspiciatis nisi. Obcaecati iste unde ut voluptate.
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus modi facilis ab repudiandae. Vero eos dolorum quibusdam rem similique voluptatum expedita quos perferendis perspiciatis nisi. Obcaecati iste unde ut voluptate.
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus modi facilis ab repudiandae. Vero eos dolorum quibusdam rem similique voluptatum expedita quos perferendis perspiciatis nisi. Obcaecati iste unde ut voluptate.
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus modi facilis ab repudiandae. Vero eos dolorum quibusdam rem similique voluptatum expedita quos perferendis perspiciatis nisi. Obcaecati iste unde ut voluptate.
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus modi facilis ab repudiandae. Vero eos dolorum quibusdam rem similique voluptatum expedita quos perferendis perspiciatis nisi. Obcaecati iste unde ut voluptate.
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus modi facilis ab repudiandae. Vero eos dolorum quibusdam rem similique voluptatum expedita quos perferendis perspiciatis nisi. Obcaecati iste unde ut voluptate.
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus modi facilis ab repudiandae. Vero eos dolorum quibusdam rem similique voluptatum expedita quos perferendis perspiciatis nisi. Obcaecati iste unde ut voluptate.
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus modi facilis ab repudiandae. Vero eos dolorum quibusdam rem similique voluptatum expedita quos perferendis perspiciatis nisi. Obcaecati iste unde ut voluptate.
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus modi facilis ab repudiandae. Vero eos dolorum quibusdam rem similique voluptatum expedita quos perferendis perspiciatis nisi. Obcaecati iste unde ut voluptate.
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus modi facilis ab repudiandae. Vero eos dolorum quibusdam rem similique voluptatum expedita quos perferendis perspiciatis nisi. Obcaecati iste unde ut voluptate.
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus modi facilis ab repudiandae. Vero eos dolorum quibusdam rem similique voluptatum expedita quos perferendis perspiciatis nisi. Obcaecati iste unde ut voluptate.
        </div>
    </body>
</html>